<!DOCTYPE HTML>
<html lang="en">

<head>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="XXX" />
    <link rel="stylesheet" href="../../css/course-detail/course-detail.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/nav/nav.css">
    <title>课程详情</title>
</head>

<body>
    <!-- 响应式导航 begin -->
    <div class="o-header">
        <div class="o-header-inner">
            <div class="layui-header header header-index">
                <a class="logo" href="../../index.html">
                    KeepMoving
                </a>
                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
                    <li class="layui-nav-item layui-this">
                        <a href="../plan/plan-index.html">训练计划</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="../action/fit-action.html">健身动作</a>
                    </li>
                    <li class="layui-nav-item"><a href="../food/food.html">饮食健康</a></li>
                    <li class="layui-nav-item ">
                        <a href="../user/login.html">登录</a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="../user/register.html">注册</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><img src="../../imgs/person-center/girl.jpg" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child">
                            <dd><a href="../person/person-center.html">个人中心</a></dd>
                            <dd><a href="../person/person-info-profile.html">账号设置</a></dd>
                            <dd><a href="">退出账号</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 响应式导航 end -->

    <!--面包屑导航开始-->


    <div id="total">
        
        <div class="daohang" style="margin: 10px 0px 10px 0px;">
            <span class="layui-breadcrumb">
                <a href="../plan/plan-index.html">训练计划</a>
                <a href="../plan/plan-detail.html">计划日历</a>
                <a href="../plan/course-list.html">每日课程列表</a>
                <a><cite>具体课程</cite></a>
            </span>
        </div>

        <!-- 视频begin -->
        <div id="div0">
            <center><video src="../../video/course-detail/course-detail01.mp4" autoplay controls style="width: 100%;
            height:100%"></video></center>
        </div>
        <!-- 视频end -->
        
        <div id="div2">
            <span><strong>类型:</strong>&nbsp;&nbsp; 有氧</span><br>
            <br>
            <span><strong>级别:</strong></span>&nbsp;&nbsp; <a>中级</a>
        </div>

        <div id="div3">
            <span><strong>主要肌肉群:</strong></span>&nbsp;&nbsp; <a>肱四头肌</a><br>
            <br>
            <span><strong>其他肌肉:</strong></span>&nbsp;&nbsp; <a>小腿肌群</a>
        </div>

        <div id="div4">
            <span><strong>主要肌肉群:</strong></span>&nbsp;&nbsp; <a>其他机械</a><br>
        </div>

        <div id="div5">

            <span>
                <h3 style="font-weight: bolder">动作要领图</h3>
            </span>
            <br>

            <div id="img1">
                <img src="../../imgs/course-detail/detail01.webp" style="width: 300px;height: 200px;">
            </div>

            <div id="img2">
                <img src="../../imgs/course-detail/detail02.webp" style="width: 300px;height: 200px;">
            </div>

        </div>

    </div>


    <script src="../../plugins/layui/layui.js"></script>
    <script src="../../js/nav/nav.js"></script>
</body>

</html>